import React from 'react';
import { observer } from 'mobx-react';
import PropTypes from 'prop-types';
import css from './index.less';

@observer
export default class FrameRectangleRender extends React.Component {

  static propTypes = {
    mod: PropTypes.object.isRequired,
    onClick: PropTypes.func,
  };

  static defaultProps = {
    onClick: (e) => {
      // e.stopPropagation();
    },
  };

  render() {
    const { mod, ...other } = this.props;
    const props = {
      className: css.rectangle,
      style: mod.style,
      ...other,
    };
    return (
      <div {...props} />
    );
  }
}
